<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title></title>
  <link href="../src/css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="../src/css/m-main.css?v=2">
</head>
<body>
<div id="manplayer"></div>
<script src="../src/js/jquery-2.1.4.min.js"></script>
<script src="../src/js/jquery.shCircleLoader.js"></script>
<script src="../src/js/m-main.js?v=2"></script>
<script src="../src/js/hls.js"></script>
<script>
  var play_url = '1.mp4';
  var play_url = '9/playlist.m3u8';
  $("#manplayer").ManPlayer({
      src: play_url
      ,width: "100%" //区域的宽度
      ,height: "21.7rem" //区域的高度
      ,playerCtrlPosition: 0  // 个人添加的，0(默认):在上面透明 1:在下面(只有非全屏有效)
      ,isAutoPlay: 0 // 是否自动播放, 0:否 1:是
      ,poster: 'loading-m.gif'
      ,startposter: 'startgo-m.gif'
      ,readyposter: 'readygo-m.gif'
      ,nextButton: '#line2'
  });
  if(play_url.indexOf('.m3u8') > 0 && Hls.isSupported()){
      var video = document.getElementById('man_video');
      var hls = new Hls();
      hls.loadSource(play_url);
      hls.attachMedia(video);
  }
</script>
</body>
</html>
